<template>
  <h3>生命周期函数</h3>
</template>

<script>
  export default {
    data(){
      return {
        message:''
      }
    },
    beforeCreate() {
      console.log('beforeCreate:组件创建之前')
    },
    created(){
      console.log('created:组件创建完成')
    },
    beforeMount(){
      console.log('beforeMount:组件渲染之前')
    },
    mounted(){
      console.log('mounted:组件渲染完成')
    },
    beforeUpdate() {
      console.log('beforeUpdate:组件更新之前')
    },
    updated() {
      console.log('updated:组件更新之后')
    },
    beforeUnmount(){
      console.log('beforeUnmount:组件卸载之前')
    },
    unmounted() {
      console.log('unmount:组件卸载之后')
    }
  }

</script>

<style scoped>

</style>